﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>个人报告</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <script src="components/requirejs/require.js" async="async" data-main="resources/js/reportPerson"></script>
    <link href="components/mint-ui/style.min.css" rel="stylesheet" />
    <link href="resources/css/common.css" rel="stylesheet" />
    <link href="resources/css/reportPerson.css" rel="stylesheet" />
</head>
<body>
    <div id="view">
        <div view v-if="isloading"></div>

        <div date>
            <div center v-on:click="addDay(-1)">
                <img src="resources/image/common/left.png" />
            </div>
            <div>
                <div>{{day}} {{year}}</div>
                <div>{{date}}</div>
                <input type="date" v-model="reportDate" v-on:change="reportChange" />
            </div>
            <div center v-on:click="addDay(1)">
                <img src="resources/image/common/right.png" />
            </div>
        </div>

        <mt-navbar navbar v-model="reportType">
            <mt-tab-item :id=1 v-bind:class="{active: reportType == 1}">
                <img v-if="reportType != 1" slot="icon" src="resources/image/report/day.png">
                <img v-if="reportType == 1" slot="icon" src="resources/image/report/daySelect.png">
                日报
            </mt-tab-item>
            <mt-tab-item :id=2 v-bind:class="{active: reportType==2}">
                <img v-if="reportType != 2" slot="icon" src="resources/image/report/week.png">
                <img v-if="reportType == 2" slot="icon" src="resources/image/report/weekSelect.png">
                周报
            </mt-tab-item>
            <mt-tab-item :id=3 v-bind:class="{active: reportType==3}">
                <img v-if="reportType != 3" slot="icon" src="resources/image/report/month.png">
                <img v-if="reportType == 3" slot="icon" src="resources/image/report/weekSelect.png">
                月报
            </mt-tab-item>
        </mt-navbar>

        <div bar id="bar0" v-if="bars[0] == 1">
        </div>

        <div bar id="bar1" v-if="bars[1] == 1">
        </div>

        <div pie id="pie0" v-show="pies[0] == 1">
        </div>

        <div pie id="pie1" v-show="pies[1] == 1">
        </div>

        <div placeholder-bottombar>
        </div>
        <div bottombar>
            <input type="button" blue value="填写工作报告" v-on:click="gotoReportDescription" />
        </div>
    </div>
</body>
</html>